<div class="col-lg-2 jiyin-list">
              <div class="">
                 <div class="panel-heading">
                    <div class="pull-right label label-danger">5</div>
                    <div class="pull-right label label-success">12</div>
                    <div class="panel-title">排行</div>
                 </div>
                 <!-- START list group-->
                 <div height="380" ng-controller="TopDemoCtrl"class="list-group">
                    <!-- START list group item-->
                    <a href="#" class="list-group-item" ng-repeat="top in tops">
                       <div class="media-box">
                          <div class="pull-left">
                             <img ng-src="{{top.src}}" alt="Image" class="media-box-object img-circle thumb32" />
                          </div>
                          <div class="media-box-body clearfix">
                             <small class="pull-right">{{top.number}}</small>
                             <strong class="media-box-heading text-primary">
                                <span class="circle circle-success circle-lg text-left"></span>{{top.name}}</strong>
                          </div>
                       </div>
                    </a>
                    <a href="#" class="list-group-item list-more">更多 ></a>
                    <!-- END list group item-->
                 </div>
                 <!-- END list group-->
              </div>
            </div>
            ,
  {
    "text": "文件管理",
    "sref": "",
    "icon": "icon-layers",
    "submenu": [
      {"text": "我的上传",   "icon": "icon-cloud-upload",    "sref": "app.table-xeditable"},
      {"text": "我的下载",   "icon": "icon-cloud-download",    "sref": "app.table-xeditable"},
      {"text": "我的分享",   "icon": "icon-social-twitter",    "sref": "app.table-xeditable"},
      {"text": "回收站",   "icon": "icon-trash",    "sref": "app.table-xeditable"}
    ],
    "translate": "文件管理"
  },


App.controller('NotifyDemoCtrl', ['$scope', 'Notify', '$timeout', function AlertDemoCtrl($scope, Notify, $timeout) {

  $scope.notifyMsg = "创建成功";
  $scope.notifyOpts = {
    status: 'success',
    pos: 'top-center'
  };

}]);
  
  <div ng-controller="CodeEditorController" class="d-table-fixed">
   <div class="d-cell wd-md code-files">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <span ng-if="doing_async">...loading...</span>
                  <abn-tree tree-data="filetree_data" tree-control="filetree" on-select="handle_filetree(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="" icon-expand="fa fa-fw fa-angle-right mr-sm" icon-collapse="fa fa-fw fa-angle-down mr-sm"></abn-tree>
               </div>
            </div>
         </div>
         <div class="p-sm">
            <select ng-options="theme for theme in editorThemes" ng-model="editorOpts.theme" ng-change="loadTheme(editorOpts.theme)" class="form-control"></select>
         </div>
      </div>
   </div>
   <div class="d-cell">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <div class="code-editor fh">
                     <ui-codemirror ui-codemirror-opts="editorOpts" ng-model="code"></ui-codemirror>
         </div>
      </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div ng-controller="CodeEditorController" class="d-table-fixed">
   <div class="d-cell wd-md code-files">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <span ng-if="doing_async">...loading...</span>
                  <abn-tree tree-data="filetree_data" tree-control="filetree" on-select="handle_filetree(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="" icon-expand="fa fa-fw fa-angle-right mr-sm" icon-collapse="fa fa-fw fa-angle-down mr-sm"></abn-tree>
               </div>
            </div>
         </div>
         <div class="p-sm">
            <select ng-options="theme for theme in editorThemes" ng-model="editorOpts.theme" ng-change="loadTheme(editorOpts.theme)" class="form-control"></select>
         </div>
      </div>
   </div>
   <div class="d-cell">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <div class="code-editor fh">
                     <ui-codemirror ui-codemirror-opts="editorOpts" ng-model="code"></ui-codemirror>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div ng-controller="AbnTestController" class="container-fluid">
             <div class="well wd-wide">
                <span ng-if="doing_async">...loading...</span>
                <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith"></abn-tree>
             </div>
             <div class="alert alert-info">{{ output }}</div>
            <img ng-src="{{ output }}"></img>
       </div>
       $scope.output = branch.path;

    if (branch.data && branch.data.description) {
      $scope.output += '(' + branch.data.description + ')';
      return $scope.output;
    }
       var ext = file.split('.');
    ext = ext ? ext[ext.length - 1] : '';
    switch (ext) {
      case 'html':  return 'htmlmixed';
      case 'css':   return 'css';
      case 'jpg':   return 'jpg';
      default:      return 'javascript';
    }

    $scope.$on('panel-refresh', function(event, id) {
    var secs = 3;
    
    console.log('Refreshing during ' + secs +'s #'+id);

    $timeout(function(){
      // directive listen for to remove the spinner 
      // after we end up to perform own operations
      $scope.$broadcast('removeSpinner', id);
      
      console.log('Refreshed #' + id);

    }, 3000);

  });
<div ng-controller="TablexEditableController" class="box">
<div class="opt col-md-12">
  <!-- Modal Controller-->
  <div ng-controller="ModalController">
    <script type="text/ng-template" id="/myModalProject.html">
        <div class="modal-header">
          <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
          <h4 id="myModalLabel" class="modal-title">新建项目</h4>
        </div>
        <div class="modal-body">
          <div ng-controller="ProjectFormController" class="block-center mt-xl wd-xl">
             <!-- START panel-->
             <div class="panel panel-dark panel-flat">
               
                <div class="panel-body">
                   <form role="form" ng-submit="project()" name="projectForm" novalidate="" class="form-validate mb-lg">
                      <div class="form-group has-feedback">
                        <select chosen="" ng-model="inputg1" width="'300px'" class="chosen-select input-md">
                          <option value="">请选择类别</option>
                          <option value="1">Study</option>
                          <option value="2">Experiment</option>
                          <option value="3">Example</option>
                          <option value="4">Run</option>
                       </select>
                       <select chosen="" ng-model="inputg1" width="'300px'" class="chosen-select input-md">
                          <option value="">请选择项目组</option>
                          <option value="1">projectA</option>
                       </select>
                      </div>
                      <div class="form-group has-feedback">
                         <input id="exampleInputName1" type="text" name="account_name" placeholder="项目名称" autocomplete="off" ng-model="account.name" required="" class="form-control" />
                         <span class="fa fa-eyedropper form-control-feedback text-muted"></span>
                         <span ng-show="projectForm.account_name.$dirty &amp;&amp; projectForm.account_name.$error.required" class="text-danger">项目名称不能为空</span>
                      </div>
                      <div class="form-group has-feedback">
                         <textarea id="exampleInputDescription1" name="account_description" placeholder="项目描述" ng-model="account.description" required="" class="form-control" />
                         <span class="fa fa-edit form-control-feedback text-muted"></span>
                      </div>
                      <button type="submit" class="btn btn-block btn-primary mt-lg">新建</button>
                   </form>
                </div>
             </div>
          </div>
        </div>
        <div class="modal-footer">
        </div>
    </script>
  </div>
 <!-- Button trigger modal -->
  <div class="left-op">
    <!-- 文件功能 -->
    <div class="btn-group btn-group-sm kod_path_tool ops">
      <a href="/" class="op home"><i class="icon-home"></i></a>
      <div dropdown="dropdown" class="btn-group mb-sm open">
         <button type="button" ng-disabled="disabled" dropdown-toggle="" class="btn dropdown-toggle  op bucket" aria-haspopup="true" aria-expanded="true"><i class="fa fa-folder-open folder-right">
        </i>选择一个项目
            <span class="caret"></span>
         </button>
         <ul role="menu" class="dropdown-menu bucket-ops">
            <li>
            <button ng-click="openproject()" class="btn btn-default project-op" type="button">
            +新建项目
            </button>
            </li>
            <li>
            <button class="btn btn-default project-op" type="button">
            项目1
            </button>
            </li>
         </ul>
      </div>

      <div id="modal-state"></div>
    </div>
  </div>
  <div class="tools-right">
    <div class="btn-group btn-group-sm  ops">
        <a href="http://localhost/angular-project/#/app/personal" class="op">
            <i class="fa fa-cloud-upload folder-right"></i>
            空间管理
        </a>
        <a href="http://localhost/angular-project/#/app/table-xeditable" class="op">
           <i class="fa fa-pencil-square-o folder-right"></i>内容管理
        </a>
        <a href="/service/market" class="op">
          <i class="fa fa-bar-chart-o folder-right"></i>数据处理
        </a>
    </div>
  </div>
  <div style="clear:both">
  </div>
</div>
 <div class="main-layout">
    <div class="col-md-8 left-layout">
      <!-- Modal Controller-->
      <div ng-controller="ModalController">
           <!-- Modal inline template-->
           <script type="text/ng-template" id="/myModalContent.html">
              <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
                <h4 id="myModalLabel" class="modal-title">文件上传</h4>
              </div>
              <div class="modal-body">
              <div ng-controller="FileUploadController" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter">
                <div class="col-md-12">
                   <div class="panel">
                      <div class="panel-body">
                         <input filestyle="" type="file" data-button-text="多文件上传" data-class-button="btn btn-default" data-class-input="form-control inline" nv-file-select="" uploader="uploader" multiple="" class="form-control" />
                         <br/>
                         <input filestyle="" type="file" data-button-text="单文件上传" data-class-button="btn btn-default" data-classinput="form-control inline" nv-file-select="" uploader="uploader" class="form-control" />
                      </div>
                   </div>
                </div>
                <div style="margin-bottom: 40px" class="col-md-12">
                   <div class="panel">
                      <div class="panel-body">
                         <p ng-if="uploader.queue.length" class="pull-right label label-info">当前上传文件: {{ uploader.queue.length }}</p>
                         <h4 class="page-header mt0">上传</h4>
                         <p ng-if="!uploader.queue.length" class="lead text-center">将文件拖拽到这里</p>
                         <div ng-if="uploader.queue.length" class="upload-table">
                            <table ng-if="uploader.queue.length" class="table">
                               <thead>
                                  <tr>
                                     <th width="50%">名字</th>
                                     <th ng-show="uploader.isHTML5">大小</th>
                                     <th ng-show="uploader.isHTML5">进&nbsp;&nbsp;&nbsp;&nbsp;度</th>
                                     <th>状&nbsp;&nbsp;态</th>
                                     <th>操&nbsp;&nbsp;作</th>
                                  </tr>
                               </thead>
                               <tbody>
                                  <tr ng-repeat="item in uploader.queue">
                                     <td>
                                        <strong>{{ item.file.name }}</strong>
                                     </td>
                                     <td ng-show="uploader.isHTML5" nowrap="">{{ item.file.size/1024/1024|number:2 }} MB</td>
                                     <td ng-show="uploader.isHTML5">
                                        <div style="margin-bottom: 0;" class="progress progress-xs">
                                           <div role="progressbar" ng-style="{ 'width': item.progress + '%' }" class="progress-bar">
                                           </div>
                                        </div>
                                     </td>
                                     <td class="text-center">
                                        <span ng-show="item.isSuccess">
                                           <em class="fa fa-check fa-fw">
                                           </em>
                                        </span>
                                        <span ng-show="item.isCancel">
                                           <em class="fa fa-ban-circle fa-fw">
                                           </em>
                                        </span>
                                        <span ng-show="item.isError">
                                           <em class="fa fa-times fa-fw">
                                           </em>
                                        </span>
                                     </td>
                                     <td nowrap="">
                                        <button type="button" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess" class="btn btn-info btn-xs">
                                           <span class="icon-cloud-upload mr">
                                           </span>上传
                                        </button>
                                        <button type="button" ng-click="item.cancel()" ng-disabled="!item.isUploading" class="btn btn-warning btn-xs">
                                           <span class="icon-close mr">
                                           </span>取消
                                        </button>
                                        <button type="button" ng-click="item.remove()" class="btn btn-danger btn-xs">
                                           <span class="icon-trash mr">
                                           </span>删除
                                        </button>
                                     </td>
                                  </tr>
                               </tbody>
                            </table>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
                </div>
                <div class="modal-footer">
                </div>
           </script>
        <div style="clear:both">
        </div>
      </div>
      <!-- Button trigger modal -->
      <div class="left-head ops">
        <!-- 文件功能 -->
        <div class="btn-group btn-group-sm kod_path_tool">
          <button id="newfolder" class="btn btn-default sp-btn" type="button" ng-click="addUser()">
            <i class="font-icon icon-folder-close-alt">
            </i>
            +新建文件夹
          </button>
          <div class="input-group search-btn">
             <input type="text" placeholder="输入资源名前缀匹配" class="form-control input-sm">
             <span class="input-group-btn">
                <button type="submit" class="btn btn-default btn-sm"><i class="fa fa-search"></i>
                </button>
             </span>
          </div>
          <button type="button" class="mb-sm btn btn-primary upload-btn" ng-click="open()"><i class="font-icon icon-cloud-upload">
            </i>
            上传
          </button>
        </div>
      </div>
      <div style="clear:both">
      </div>
      <div class="panel-body left-body">
        <!-- Editable row-->
        <table class="table table-bordered table-hover bg-white" datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs">
          <thead>
                   <tr style="font-weight: bold">
                      <td style="width:35%">Name</td>
                      <td style="width:20%">Size</td>
                      <td style="width:20%">Create Time</td>
                      <td style="width:25%"> </td>
                   </tr>
                   </thead>

                   <tbody>
          <tr ng-repeat="user in users" ng-mouseenter="show = true" ng-mouseleave="show = false">
             <td>
                <!-- editable username (text with validation)-->
                <span editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required=""><em class="fa fa-folder folder-right"></em>{{ user.name || '新建文件夹'+ user.id}}</span>
             </td>
             <td>
                <!-- editable status (select-local)-->
                <span e-name="size" e-form="rowform" e-ng-options="s.value as s.text for s in size">{{ user.size }}</span>
             </td>
             <td>
                <!-- editable group (select-remote)-->
                <span e-name="editTime" onshow="loadGroups()" e-form="rowform" e-ng-options="g.id as g.text for g in editTime">{{ user.editTime }}</span>
             </td>
             <td style="white-space: nowrap" ng-show="show">
                <!-- form-->
                <form editable-form="" name="rowform" onbeforesave="saveUser($data, user.id)" ng-show="rowform.$visible" shown="inserted == user" class="form-buttons form-inline">
                   <button type="submit" ng-disabled="rowform.$waiting" title="Save" class="btn btn-sm btn-info">
                      <em class="fa fa-save"></em>
                   </button>
                   <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()" title="Cancel" class="btn btn-sm btn-default">
                      <em class="fa fa-times"></em>
                   </button>
                </form>
                <div ng-show="!rowform.$visible" class="buttons">
                   <button ng-click="rowform.$show()" title="Edit" class="btn btn-sm btn-info">
                      <em class="fa fa-pencil"></em>
                   </button>
                   <button ng-click="removeUser($index)" title="Delete" class="btn btn-sm btn-danger">
                      <em class="fa fa-trash"></em>
                   </button>
                </div>
             </td>
          </tr>
          </tbody>
        </table>
      </div>
  </div>
  <div class="right-cnt col-md-4">
    <div class="right-head">
      <span title="001g.jpg">001g.jpg</span>
    </div>
    <div class="right-body">
      <div class="right-body-block">
        <div class="prev-block">
          <a href="http://7xi6l3.com1.z0.glb.clouddn.com/001g.jpg" target="_blank" title="点击查看原文件" >
              <img class="file-prev" src="http://7xi6l3.com1.z0.glb.clouddn.com/001g.jpg?imageView2/2/w/203/h/203">
          </a>
        </div>
        <p class="file-info-item">
          外链地址：<input class="file-share-link" type="text" readonly="readonly" value="http://7xi6l3.com1.z0.glb.clouddn.com/001g.jpg">
        </p>
        <p class="file-info-item">
          最后更新时间：<span data-bind="text: $data">2015-03-20 16:26:09</span>
        </p>
        <p class="file-info-item">
          文件大小：<span class="file-size"> <span class="num" >81</span> <span class="unit">KB</span></span>
        </p>
      </div>
    </div>
  </div>
</div>
<div id="panelDemo15" class="panel panel-default">
      <div class="panel-heading">基因组项目</div>
      <div class="panel-body" ng-controller="TabController">
        <tabset type="pills">
          <tab  ng-repeat="tab in tabs" heading="{{tab.name}}">
            <div ng-controller="MasonryDeckController">
              <div class="photo col-lg-3" ng-repeat="card in cards">
                <div class="photo-wrapper">
                  <img src="" data-ng-src="{{card.src}}" data-imageloaded="" data-loadedclass="photoloaded" class="img-responsive" />
                  <div class="photo-loader">
                    <div class="sk-spinner sk-spinner-rotating-plane"></div>
                  </div>
                </div>
                <div class="photo-description">
                  <div ng-controller="RatingDemoCtrl" class="ratingdemo">
                    <h4>{{ card.name }}</h4>
                    <div class="list-right">
                      <rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" state-on="'fa fa-star text-yellow'" state-off="'fa fa-star-o'"></rating>
                      <span class="label">{{card.comment}}</span>
                      <em class="icon-envelope"></em>
                      <span class="label">{{card.comment}}</span>
                    </div>
                    <p>{{ card.discuss }}</p>
                  </div>
                </div>
              </div>
<!-- END panel-->
            </div>
          </tab>
        </tabset>
      </div>
    </div>
    <p>组织机构</p>
                 <ui-select multiple="" ng-model="postDemo.organisms" theme="bootstrap" ng-disabled="disabled" class="mb-lg">
                    <ui-select-match placeholder="请选择组织机构...">{{$item}}</ui-select-match>$item in
                    <ui-select-choices repeat="organism in organisms">{{organism}}</ui-select-choices>
                 </ui-select>
                 <p>类型</p>
                 <ui-select multiple="" ng-model="postDemo.types" theme="bootstrap" ng-disabled="disabled" class="mb-lg">
                    <ui-select-match placeholder="请选择类型">{{$item}}</ui-select-match>
                    <ui-select-choices repeat="type in types">{{type}}</ui-select-choices>
                 </ui-select>
                 <p>作者</p>
                 <ui-select multiple="" ng-model="postDemo.submitters" theme="bootstrap" ng-disabled="disabled" class="mb-lg">
                    <ui-select-match placeholder="请选择提交者">{{$item}}</ui-select-match>
                    <ui-select-choices repeat="submitter in submitters">{{submitter}}</ui-select-choices>
                 </ui-select>
                 <p>仪器</p>
                 <ui-select multiple="" ng-model="postDemo.instruments" theme="bootstrap" ng-disabled="disabled" class="mb-lg">
                    <ui-select-match placeholder="请选择仪器">{{$item}}</ui-select-match>
                    <ui-select-choices repeat="instrument in instruments">{{instrument}}</ui-select-choices>
                 </ui-select>

                 <div ng-controller="CarouselDemoCtrl" animate-enabled="false">
  <div>
    <carousel interval="myInterval">
       <slide ng-repeat="slide in slides" active="slide.active">
          <img ng-src="{{slide.image}}" style="margin: auto;" alt="" />
       </slide>
    </carousel>
  </div>
</div>
<br />
<div class="row top-text">
  <div class="col-sm-4 pv text-center">
     <div class="text-muted text-md">
        <em class="fa fa-signal"></em>
     </div>
     <div class="text-info">
        <span class="text-muted">项目总数：２０</span>
     </div>
  </div>
  <div class="col-sm-4 pv text-center">
     <div class="text-muted text-md">
        <em class="fa fa-group"></em>
     </div>
     <div class="text-info">
        <span class="text-muted">注册用户:３０</span>
     </div>
  </div>
  <div class="col-sm-4 pv text-center">
     <div class="text-muted text-md">
        <em class="fa fa-user"></em>
     </div>
     <div class="text-info">
        <span class="text-muted">当前访问：３</span>
     </div>
  </div>
</div>
<h4>基因组数据库</h4>
<br />
<div class="col-sm-6 panel">
  <div class="photo ng-scope">
     <div class="photo-index ng-scope">
        <h4>数据库</h4>
        <p class="balloon-wrapper">
           <a class="balloon ng-binding" href="#/app-h/list">查看更多</a>
        </p>
     </div><!-- end ngIf: card.showIndex -->
     <div class="photo-wrapper">
        <img src="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" data-ng-src="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" data-imageloaded="" data-loadedclass="photoloaded" class="img-responsive photoloaded">
        <div class="photo-loader">
           <div class="sk-spinner sk-spinner-rotating-plane"></div>
        </div>
     </div>
  </div>               
  <div class="panel-body">
    <div class="photo-description">
      <h4>
        <a href="">基因组数据库</a>
      </h4>
      <p>基因组数据库(GDB)为人类基因组计划(HGP)保存和处理基因组图谱数据。GDB的目标是构建关于人类基因组的百科全书，除了构建基因组图谱之外，还开发了描述序列水平的基因组内容的方法，包括序列变异和其它对功能和表型的描述。</p>
   </div>
  </div>
</div>
<div class="col-sm-6 panel">
  <div class="photo ng-scope">
     <div class="photo-index ng-scope">
        <h4>分析平台</h4>
        <p class="balloon-wrapper">
           <a class="balloon ng-binding" href="#/page/personal">查看更多</a>
        </p>
     </div><!-- end ngIf: card.showIndex -->
     <div class="photo-wrapper">
        <img src="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" data-ng-src="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" data-imageloaded="" data-loadedclass="photoloaded" class="img-responsive photoloaded">
        <div class="photo-loader">
           <div class="sk-spinner sk-spinner-rotating-plane"></div>
        </div>
     </div>
  </div>               
  <div class="panel-body">
    <div class="photo-description">
      <h4>
        <a href="">基因组分析平台</a>
      </h4>
      <p>基因组数据库(GDB)为人类基因组计划(HGP)保存和处理基因组图谱数据。GDB的目标是构建关于人类基因组的百科全书，除了构建基因组图谱之外，还开发了描述序列水平的基因组内容的方法，包括序列变异和其它对功能和表型的描述。</p>
   </div>
  </div>
</div>
<br />
<div class="section section1">
    <a class="gojd" href="###">手机玩转路由器——360安全路由器，更安全更智能，9月1日京东特卖开启，GO！</a>
  </div>
<div ng-controller="ChartMorrisController" class="container-fluid">
    <div class="col-md-7">
       <div class="panel panel-default">
        <div class="panel-heading">项目</div>
        <div class="panel-body">
           <div morris-line="" morris-data="chartdata" morris-options="lineOptions" class="morris">
           </div>
           <hr />
           <div class="row top-text">
             <div class="col-sm-4 pv text-center br">
                <div class="text-muted text-md">
                   <em class="fa fa-signal"></em>
                </div>
                <div class="text-info">
                   <span class="text-muted">项目总数：１</span>
                </div>
             </div>
             <div class="col-sm-4 pv text-center br">
                <div class="text-muted text-md">
                   <em class="fa fa-group"></em>
                </div>
                <div class="text-info">
                   <span class="text-muted">文件存储:１</span>
                </div>
             </div>
             <div class="col-sm-4 pv text-center">
                <div class="text-muted text-md">
                   <em class="fa fa-user"></em>
                </div>
                <div class="text-info">
                   <span class="text-muted">项目分享：1</span>
                </div>
             </div>
              </div>
           </div>
        </div>
       </div>
    </div>
  </div>
  <aside class="col-sm-4">
    <!-- START messages and activity-->
    <div class="panel panel-default">
       <div class="panel-heading">
          <div class="panel-title">空间使用概况</div>
       </div>
       <!-- START list group-->
       <div class="list-group">
          <!-- START list group item-->
          <div class="list-group-item">
             <div class="media-box">
                <div class="pull-left">
                   <span class="fa-stack">
                      <em class="fa fa-circle fa-stack-2x text-purple"></em>
                      <em class="fa fa-cloud-upload fa-stack-1x fa-inverse text-white"></em>
                   </span>
                </div>
                <div class="media-box-body clearfix">
                   <small class="text-muted pull-right ml">1</small>
                   <div class="media-box-heading"><a href="#" class="text-purple m0">项目数量</a>
                   </div>
                   <p class="m0">
                      <small><a href="#">1</a>
                      </small>
                   </p>
                </div>
             </div>
          </div>
          <!-- END list group item-->
          <!-- START list group item-->
          <div class="list-group-item">
             <div class="media-box">
                <div class="pull-left">
                   <span class="fa-stack">
                      <em class="fa fa-circle fa-stack-2x text-info"></em>
                      <em class="fa fa-file-text-o fa-stack-1x fa-inverse text-white"></em>
                   </span>
                </div>
                <div class="media-box-body clearfix">
                   <small class="text-muted pull-right ml">345.67MB</small>
                   <div class="media-box-heading"><a href="#" class="text-info m0">文件存储</a>
                   </div>
                   <p class="m0">
                      <small><a href="#">Bootstrap.doc</a>
                      </small>
                   </p>
                </div>
             </div>
          </div>
          <!-- END list group item-->
          <!-- START list group item-->
          <div class="list-group-item">
             <div class="media-box">
                <div class="pull-left">
                   <span class="fa-stack">
                      <em class="fa fa-circle fa-stack-2x text-danger"></em>
                      <em class="fa fa-exclamation fa-stack-1x fa-inverse text-white"></em>
                   </span>
                </div>
                <div class="media-box-body clearfix">
                   <small class="text-muted pull-right ml">56.7MB</small>
                   <div class="media-box-heading"><a href="#" class="text-danger m0">下载流量</a>
                   </div>
                   <p class="m0"><a href="#">Read</a>
                   </p>
                </div>
             </div>
          </div>
          <!-- END list group item-->
          <!-- START list group item-->
          <div class="list-group-item">
             <div class="media-box">
                <div class="pull-left">
                   <span class="fa-stack">
                      <em class="fa fa-circle fa-stack-2x text-success"></em>
                      <em class="fa fa-clock-o fa-stack-1x fa-inverse text-white"></em>
                   </span>
                </div>
                <div class="media-box-body clearfix">
                   <small class="text-muted pull-right ml">1</small>
                   <div class="media-box-heading"><a href="#" class="text-success m0">分享</a>
                   </div>
                   <p class="m0">
                      <small>On
                         <em>10/12/2015 09:00 am</em>
                      </small>
                   </p>
                </div>
             </div>
          </div>
          <!-- END list group item-->
       </div>
       <!-- END list group-->
       <!-- START panel footer-->
       <div class="panel-footer clearfix">
          <button type="button" class="btn btn-primary btn-lg">查看详细信息</button>
       </div>
       <!-- END panel-footer-->
    </div>
    <!-- END messages and activity-->
  </aside>
  <div ng-controller="ModalController">
           <!-- Modal inline template-->
           <script type="text/ng-template" id="/myModalContent.html">
              <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
                <h4 id="myModalLabel" class="modal-title">文件上传</h4>
              </div>
              <div class="modal-body">
              <div ng-controller="FileUploadController" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter">
                <div class="col-md-12">
                   <div class="panel">
                      <div class="panel-body">
                         <input filestyle="" type="file" data-button-text="多文件上传" data-class-button="btn btn-default" data-class-input="form-control inline" nv-file-select="" uploader="uploader" multiple="" class="form-control" />
                         <br/>
                         <input filestyle="" type="file" data-button-text="单文件上传" data-class-button="btn btn-default" data-classinput="form-control inline" nv-file-select="" uploader="uploader" class="form-control" />
                      </div>
                   </div>
                </div>
                <div style="margin-bottom: 40px" class="col-md-12">
                   <div class="panel">
                      <div class="panel-body">
                         <p ng-if="uploader.queue.length" class="pull-right label label-info">当前上传文件: {{ uploader.queue.length }}</p>
                         <h4 class="page-header mt0">上传</h4>
                         <p ng-if="!uploader.queue.length" class="lead text-center">将文件拖拽到这里</p>
                         <div ng-if="uploader.queue.length" class="upload-table">
                            <table ng-if="uploader.queue.length" class="table">
                               <thead>
                                  <tr>
                                     <th width="50%">名字</th>
                                     <th ng-show="uploader.isHTML5">大小</th>
                                     <th ng-show="uploader.isHTML5">进&nbsp;&nbsp;&nbsp;&nbsp;度</th>
                                     <th>状&nbsp;&nbsp;态</th>
                                     <th>操&nbsp;&nbsp;作</th>
                                  </tr>
                               </thead>
                               <tbody>
                                  <tr ng-repeat="item in uploader.queue">
                                     <td>
                                        <strong>{{ item.file.name }}</strong>
                                     </td>
                                     <td ng-show="uploader.isHTML5" nowrap="">{{ item.file.size/1024/1024|number:2 }} MB</td>
                                     <td ng-show="uploader.isHTML5">
                                        <div style="margin-bottom: 0;" class="progress progress-xs">
                                           <div role="progressbar" ng-style="{ 'width': item.progress + '%' }" class="progress-bar">
                                           </div>
                                        </div>
                                     </td>
                                     <td class="text-center">
                                        <span ng-show="item.isSuccess">
                                           <em class="fa fa-check fa-fw">
                                           </em>
                                        </span>
                                        <span ng-show="item.isCancel">
                                           <em class="fa fa-ban-circle fa-fw">
                                           </em>
                                        </span>
                                        <span ng-show="item.isError">
                                           <em class="fa fa-times fa-fw">
                                           </em>
                                        </span>
                                     </td>
                                     <td nowrap="">
                                        <button type="button" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess" class="btn btn-info btn-xs">
                                           <span class="icon-cloud-upload mr">
                                           </span>上传
                                        </button>
                                        <button type="button" ng-click="item.cancel()" ng-disabled="!item.isUploading" class="btn btn-warning btn-xs">
                                           <span class="icon-close mr">
                                           </span>取消
                                        </button>
                                        <button type="button" ng-click="item.remove()" class="btn btn-danger btn-xs">
                                           <span class="icon-trash mr">
                                           </span>删除
                                        </button>
                                     </td>
                                  </tr>
                               </tbody>
                            </table>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
                </div>
                <div class="modal-footer">
                </div>
           </script>
        <div style="clear:both">
        </div>
      </div>
      <button id="newfolder" class="btn btn-default sp-btn" type="button" ng-click="addUser()">
            <i class="font-icon icon-folder-close-alt">
            </i>
            +新建文件夹
          </button>
          <img ng-src="./app/img/files/{{proFile.type}}.png" class="detail-img img-square thumb2" />

<div class="wd-xl block-center mt-xl">
                    <div class="form-group has-feedback">
                      <span class="addPro">项目归属</span>
                      <div ng-controller="SelectController">
                        <select ng-model="selectedPerson" ng-options="obj.name for obj in users" class="chosen-select select-study select-total">
                        </select>
                        <select ng-model="selectedGenre" class="chosen-select select-total">
                            <option ng-repeat="label in users[selectedPerson.id].interest">{{label}}</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group has-feedback">
                      <select chosen="" ng-model="inputg1" width="'300px'" class="chosen-select input-md">
                        <option value="">请选择项目类别</option>
                        <option value="1">projectA</option>
                     </select>
                    </div>
                    <div class="form-group has-feedback">
                       <input id="exampleInputName1" type="text" name="account_name" placeholder="项目名称" autocomplete="off" ng-model="account.name" required="" class="form-control" />
                       <span class="fa fa-eyedropper form-control-feedback text-muted"></span>
                       <span ng-show="projectForm.account_name.$dirty &amp;&amp; projectForm.account_name.$error.required" class="text-danger">项目名称不能为空</span>
                    </div>
                    <div class="form-group has-feedback">
                       <textarea id="exampleInputDescription1" name="account_description" placeholder="项目描述" ng-model="account.description" required="" class="form-control" />
                       <span class="fa fa-edit form-control-feedback text-muted"></span>
                    </div>
                    <div class="text-center mb-lg">
                       <button ng-click="answerCollapsed = !answerCollapsed" ng-init="answerCollapsed = true" class="btn btn-primary">附件</button>
                    </div>
                  </div>
                  <div collapse="answerCollapsed">
                    <div ng-controller="FileUploadController" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter">
                      <div class="col-md-12">
                         <div class="panel">
                            <div class="panel-body">
                               <input filestyle="" type="file" data-button-text="多文件上传" data-class-button="btn btn-default" data-class-input="form-control inline" nv-file-select="" uploader="uploader" multiple="" class="form-control" />
                               <br/>
                               <input filestyle="" type="file" data-button-text="单文件上传" data-class-button="btn btn-default" data-classinput="form-control inline" nv-file-select="" uploader="uploader" class="form-control" />
                            </div>
                         </div>
                      </div>
                      <div style="margin-bottom: 40px" class="col-md-12">
                         <div class="panel">
                            <div class="panel-body">
                               <p ng-if="uploader.queue.length" class="pull-right label label-info">当前上传文件: {{ uploader.queue.length }}</p>
                               <h4 class="page-header mt0">上传</h4>
                               <p ng-if="!uploader.queue.length" class="lead text-center">将文件拖拽到这里</p>
                               <div ng-if="uploader.queue.length" class="upload-table">
                                  <table ng-if="uploader.queue.length" class="table">
                                     <thead>
                                        <tr>
                                           <th width="50%">名字</th>
                                           <th ng-show="uploader.isHTML5">大小</th>
                                           <th ng-show="uploader.isHTML5">进&nbsp;&nbsp;&nbsp;&nbsp;度</th>
                                           <th>状&nbsp;&nbsp;态</th>
                                           <th>操&nbsp;&nbsp;作</th>
                                        </tr>
                                     </thead>
                                     <tbody>
                                        <tr ng-repeat="item in uploader.queue">
                                           <td>
                                              <strong>{{ item.file.name }}</strong>
                                           </td>
                                           <td ng-show="uploader.isHTML5" nowrap="">{{ item.file.size/1024/1024|number:2 }} MB</td>
                                           <td ng-show="uploader.isHTML5">
                                              <div style="margin-bottom: 0;" class="progress progress-xs">
                                                 <div role="progressbar" ng-style="{ 'width': item.progress + '%' }" class="progress-bar">
                                                 </div>
                                              </div>
                                           </td>
                                           <td class="text-center">
                                              <span ng-show="item.isSuccess">
                                                 <em class="fa fa-check fa-fw">
                                                 </em>
                                              </span>
                                              <span ng-show="item.isCancel">
                                                 <em class="fa fa-ban-circle fa-fw">
                                                 </em>
                                              </span>
                                              <span ng-show="item.isError">
                                                 <em class="fa fa-times fa-fw">
                                                 </em>
                                              </span>
                                           </td>
                                           <td nowrap="">
                                              <button type="button" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess" class="btn btn-info btn-xs">
                                                 <span class="icon-cloud-upload mr">
                                                 </span>上传
                                              </button>
                                              <button type="button" ng-click="item.cancel()" ng-disabled="!item.isUploading" class="btn btn-warning btn-xs">
                                                 <span class="icon-close mr">
                                                 </span>取消
                                              </button>
                                              <button type="button" ng-click="item.remove()" class="btn btn-danger btn-xs">
                                                 <span class="icon-trash mr">
                                                 </span>删除
                                              </button>
                                           </td>
                                        </tr>
                                     </tbody>
                                  </table>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                  </div>





<div class="form-group">
                <div class="form-group has-feedback">
                   <input id="exampleInputName1" type="text" name="account_name" placeholder="项目名称" autocomplete="off" ng-model="study.Title" required="" class="form-control" />
                   <span class="fa fa-eyedropper form-control-feedback text-muted"></span>
                   <span ng-show="studyAddForm.account_name.$dirty &amp;&amp; studyAddForm.account_name.$error.required" class="text-danger">项目名称不能为空</span>
                </div>
                <div class="form-group has-feedback">
                 <div class="">
                    <p class="m0">组织机构</p>
                 </div>
                 <div class="">
                    <ui-select ng-model="organism.selected"  theme="bootstrap" ng-disabled="disabled" class="text-left">
                       <ui-select-match placeholder="请选择组织">{{$select.selected.Name}}</ui-select-match>
                       <ui-select-choices repeat="organism in organisms | filter: $select.search">
                          <span ng-bind-html="organism.Name | highlight: $select.search"></span>
                       </ui-select-choices>
                    </ui-select>
                 </div>
                 <div class="col-md-5 col-xs-12">
                    <div class="text-sm text-muted mt-sm" ng-model="study.Organisms"> {{organism.selected.Name}}</div>
                 </div>
              </div>
                <div class="form-group has-feedback">
                  <p class="m0">类型</p>
                  <ui-select ng-model="type.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
                    <ui-select-match placeholder="请选择类型或者输入类型关键字">{{$select.selected.Name}}</ui-select-match>
                    <ui-select-choices repeat="type in types | filter: $select.search">
                      <span ng-bind-html="type.Name | highlight: $select.search"></span>
                    </ui-select-choices>
                  </ui-select>
                  <div class="text-sm text-muted mt-sm" ng-model="study.Type">{{type.selected.Name}}</div>
                </div>
                <div class="form-group has-feedback">
                   <textarea id="exampleInputDescription1" name="account_description" placeholder="项目描述" ng-model="study.Description" required="" class="form-control" />
                   <span class="fa fa-edit form-control-feedback text-muted"></span>
                </div>
              </div>
            </div>

            <div class="form-group has-feedback">
                 <div class="">
                    <p class="m0">组织机构</p>
                 </div>
                 <div class="">
                    <ui-select ng-model="organism.selected"  theme="bootstrap" ng-disabled="disabled" class="text-left">
                       <ui-select-match placeholder="请选择组织">{{$select.selected.Name}}</ui-select-match>
                       <ui-select-choices repeat="organism in organisms | filter: $select.search">
                          <span ng-bind-html="organism.Name | highlight: $select.search"></span>
                       </ui-select-choices>
                    </ui-select>
                 </div>
                 <div class="col-md-5 col-xs-12">
                    <div class="text-sm text-muted mt-sm" ng-model="study.Organisms"> {{organism.selected.Name}}</div>
                 </div>
              </div>
                <div class="form-group has-feedback">
                  <p class="m0">类型</p>
                  <ui-select ng-model="type.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
                    <ui-select-match placeholder="请选择类型或者输入类型关键字">{{$select.selected.Name}}</ui-select-match>
                    <ui-select-choices repeat="type in types | filter: $select.search">
                      <span ng-bind-html="type.Name | highlight: $select.search"></span>
                    </ui-select-choices>
                  </ui-select>
                  <div class="text-sm text-muted mt-sm" ng-model="study.Type">{{type.selected.Name}}</div>
                </div>
      
                  <ui-select ng-model="organism.selected"  theme="bootstrap" ng-disabled="disabled" class="text-left">
                     <ui-select-match placeholder="请选择组织">{{$select.selected.Name}}</ui-select-match>
                     <ui-select-choices repeat="organism in organisms | filter: $select.search">
                        <span ng-bind-html="organism.Name | highlight: $select.search"></span>
                     </ui-select-choices>
                  </ui-select>
                  var updateClock = function() {
                  setInterval(function() {
    $scope.$apply(updateClock);
  }, 1000);
  
                  updateClock();

                  var uploader = $scope.uploader = new FileUploader({
        url: 'http://127.0.0.1:8001/studyfileupload/'
    });

    // FILTERS

    uploader.filters.push({
        name: 'customFilter',
        fn: function(item /*{File|FileLikeObject}*/, options) {
            return this.queue.length < 10;
        }
    });

    uploader.onWhenAddingFileFailed = function(item /*{File|FileLikeObject}*/,filter, options) {
        console.info('onWhenAddingFileFailed', item, filter, options);
    };
    uploader.onAfterAddingFile = function(fileItem) {
        console.info('onAfterAddingFile', fileItem);
    };
    uploader.onAfterAddingAll = function(addedFileItems) {
        console.info('onAfterAddingAll', addedFileItems);
    };
    uploader.onBeforeUploadItem = function(item) {
        console.info('onBeforeUploadItem', item);
    };
    uploader.onProgressItem = function(fileItem, progress) {
        console.info('onProgressItem', fileItem, progress);
    };
    uploader.onProgressAll = function(progress) {
        console.info('onProgressAll', progress);
    };
    uploader.onSuccessItem = function(fileItem, response, status, headers) {
        console.info('onSuccessItem', fileItem, response, status, headers);
    };
    uploader.onErrorItem = function(fileItem, response, status, headers) {
        console.info('onErrorItem', fileItem, response, status, headers);
    };
    uploader.onCancelItem = function(fileItem, response, status, headers) {
        console.info('onCancelItem', fileItem, response, status, headers);
    };
    uploader.onCompleteItem = function(fileItem, response, status, headers) {
        console.info('onCompleteItem', fileItem, response, status, headers);
    };
    uploader.onCompleteAll = function() {
        console.info('onCompleteAll');
    };

    console.info('uploader', uploader);

    var file = $scope.myFile;
        console.log('file is ' );
        console.dir(file);
        var uploadUrl = "http://127.0.0.1:8000/BioMis/apis/studyfileupload/";
        fileUpload.uploadFileToUrl(file, uploadUrl);


    $http({
            method:"POST",
            url:"http://127.0.0.1:8000/BioMis/apis/studyfileadd/",
            data:$scope.studyfile
        })


        .success(
                function(response) {
                        if(response == 1){
                          alert("成功");
                            $scope.result02 = "success";
                        }
                        else{
                           alert("失败");
                            $scope.result02 = "fail";
                        }
                    }
                )


        .error(
               function() {
                alert("错误");
                        $scope.result02 = "fail";
                          }
                );
         }


         $http({
            method:"POST",
            url:"http://127.0.0.1:8001/studyfileadd/",
            data:$scope.studyfile
        })

        .success(
                function(response) {
                        if(response == 1){
                          alert("成功");
                            $scope.result02 = "success";
                        }
                        else{
                           alert("失败");
                            $scope.result02 = "fail";
                        }
                    }
                )


        .error(
               function() {
                alert("错误");
                        $scope.result02 = "fail";
                          }
                );
                <input type="text" ng-model="studyfile.FileName" disabled="disabled">
                        <p>
                        {{result01}}
                        {{studyfile.FileName = result01}}
                        </p>
                        <button ng-click="save()">save</button>
                        <button ng-click="uploadFile2()">upload me</button>
                         <br/>